<html>
<head>
  <title></title>
  <meta charset="utf-8">
  <style>
    #div1 {
      width: 40px;
      height: 40px;
      position: relative;
      background: #ccc;
      padding: 5px;
    }
  </style>
  <script src="../../jquery-1.11.3.js"></script>
</head>
<body>
<div id="div1">
  hover
  右移
</div>
<script>
$('#div1').mouseenter(function (e) {
  $(this).stop().animate({'left': 100})
}).mouseleave(function (e) {
  $(this).stop().animate({'left': 0})
})
</script>
</body>
</html>